<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <!--amazeui Css style-->
    <link rel="stylesheet" href="./css/amazeui.css"/>
    <!--reset Css style-->
    <link rel="stylesheet" href="./css/reset.css"/>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./css/video.css"/>
    <link rel="stylesheet" href="./css/voice_album-details.css"/>
    <link rel="stylesheet" href="./css/voice-album.css"/>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/common.js"></script>
</head>
<body>
<!--音频专辑详情-->
<header class="head underline clearfix">
    <img class="logo" src="image/logo.png" alt="">
    <div class="download-btn">
        <a href="">下载慧声</a>
    </div>
</header>

<div class="voice_nav content-wrap clearfix">
    <div><img class="details_img_style" src="./image/video-ablum-img.png" alt=""/></div>
    <div>
        <ul class=" vioce_li_style ">
            <li style="font-size: 0.9375rem;color:  #401115"> 《妙法莲华经》</li>
            <li>分类：慧声</li>
            <li>播放：435.5万次</li>
            <li>2017-04-17</li>
        </ul>
    </div>
</div>
<div class="interval"></div>
<div class="tab-box">
    <div data-am-widget="tabs"
         class="am-tabs am-tabs-default">
        <ul class="am-tabs-nav am-cf">
            <li class="am-active" id="vioce_line"><a href="[data-tab-panel-0]">详情</a></li>
            <li class="" id="vioce_line_vioce"><a href="[data-tab-panel-1]">音频(16)</a></li>

        </ul>
        <div class="am-tabs-bd">
            <div data-tab-panel-0 class="am-tab-panel am-active details_style">
                <p class="details_bottom">简介：</p>
                《妙法莲华经》说一乘圆教，表清净了义，究竟圆满，微妙无上。《法华经》是佛陀释测牟尼晚年所说教法。属于开权显实的圆融教法，大小无异，显密圆融，显示人人皆可成佛之一乘了义。在五时教判中，属于法华、涅盘之最后一时。因经中宜讲内容至高无上，明示不分贫富贵陆，人人皆可成佛，所以《法华经》也誉为「经中之王」

            </div>
            <div data-tab-panel-1 class="am-tab-panel ">
                <ul class="voice-box">
                    <li class="voice-list clearfix">
                        <a href="voice-page.html">
                            <img src="image/voice-photo.png" alt="">
                            <div class="intro-box">
                                <p class="title-two">饶益众生九观察</p>
                                <p class="intro-p">饶益众生九观察的简短介绍...</p>
                            </div>
                            <img class="play-btn" src="image/play.png" alt="">
                        </a>
                    </li>
                    <li class="voice-list clearfix">
                        <a href="voice-page.html">
                            <img src="image/voice-photo.png" alt="">
                            <div class="intro-box">
                                <p class="title-two">饶益众生九观察</p>
                                <p class="intro-p">饶益众生九观察的简短介绍...</p>
                            </div>
                            <img class="play-btn" src="image/play.png" alt="">
                        </a>
                    </li>
                    <li class="voice-list clearfix">
                        <a href="voice-page.html">
                            <img src="image/voice-photo.png" alt="">
                            <div class="intro-box">
                                <p class="title-two">饶益众生九观察</p>
                                <p class="intro-p">饶益众生九观察的简短介绍...</p>
                            </div>
                            <img class="play-btn" src="image/play.png" alt="">
                        </a>
                    </li>
                    <li class="voice-list clearfix">
                        <a href="voice-page.html">
                            <img src="image/voice-photo.png" alt="">
                            <div class="intro-box">
                                <p class="title-two">饶益众生九观察</p>
                                <p class="intro-p">饶益众生九观察的简短介绍...</p>
                            </div>
                            <img class="play-btn" src="image/play.png" alt="">
                        </a>
                    </li>
                    <li class="voice-list clearfix">
                        <a href="voice-page.html">
                            <img src="image/voice-photo.png" alt="">
                            <div class="intro-box">
                                <p class="title-two">饶益众生九观察</p>
                                <p class="intro-p">饶益众生九观察的简短介绍...</p>
                            </div>
                            <img class="play-btn" src="image/play.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>
<!--公共Js-->
<script src="./js/amazeui.js"></script>
<script src="./js/amazeui.ie8polyfill.min.js"></script>
<script src="./js/jquery.min.js"></script>
</body>
</html>